<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
          name="viewport">
    <title>大屏可视化项目</title>
    <script>
        const clientWidth = document.documentElement.clientWidth
        const clientHeight = document.documentElement.clientHeight
        window.pageWidth = clientWidth / clientHeight > 16 / 9 ? clientHeight * (16 / 9) : clientWidth
        const pageHeight = pageWidth / (16 / 9)
        const string = `<style>html{
      font-size:${pageWidth / 100}px
    }</style>`
        document.write(string)
    </script>
<script type="module" crossorigin src="./assets/index.b260bad3.js"></script>
  <link rel="modulepreload" href="./assets/vendor.6f887121.js">
  <link rel="stylesheet" href="./assets/index.4952662f.css">
</head>
<body>
<div id="root"></div>
<script>
    const root = document.querySelector('#root')
    // root.style.width = pageWidth + 'px'
    root.style.height = pageHeight + 'px'
    root.style.marginTop = (clientHeight - pageHeight) / 2 + 'px'
</script>

</body>
</html>
